@color: #e4e4e4;
@bg-color: #fff;




*{
	padding: 0;
	margin: 0;
}
a{

	text-decoration: none;
}
li{
	list-style: none;
}
.clearfloat:after{
	display: block;
	content: "";
	clear: both;
}
// 
// .weui-tab{
// 	.weui-navbar{
// 		bottom: 0;
// 	}
// }
body{
	// background-color: #F5F5F5;
}
.kong{
	height: 70px;
}
.three{
	background-color: @bg-color;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	a{
		color: #666;
		margin: 5px 0;
		width: 33.3%;
		float: left;
		text-align: center;
		p{
			margin: 0;
		}
	}
	&>a:first-child{
		color: #E84B2A;
	}
}
.main{
	padding: 0 5%;
	text-align: center;
	margin: 10px 0;
	h3{
		display: inline-block;
	    padding: 0 15px 5px 15px;
	    font-weight: bold;
	    font-size: 14px;
	    color: #e84b2a;
	    border-bottom: 2px solid #e84b2a;
	}
	.weui-flex{
		&>div:last-child{
				margin-left: 10px;
			}
		.weui-flex__item{
			a{
				display: block;
				position: relative;
				img{
					width: 100%;
					// height: 100%;
					height: 100px;
				}
				video{
					width: 100%;
					height: 100px;
				}
				i{
					position: absolute;
				    font-size: 35px;
				    top: 40%;
				    margin-top: -17.5px;
				    left: 50%;
				    margin-left: -17.5px;
				    color: #000000;
				    opacity: .6;
				}
				.video-title{
					text-align: center;
					position: absolute;
					bottom: 6px;
					left: 0;
					right: 0;
					background-color: #000000;
					opacity: .5;
					padding: 5px;
					p{
						color: #ffffff;
						font-size: 12px;
						overflow: hidden;
					    text-overflow: ellipsis;
					    display: -webkit-box;
					    -webkit-line-clamp: 1;
					    -webkit-box-orient: vertical;
					}
				}
			}
		}
	}
}